/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
@media screen and (max-width :1366px){
body{ min-width:1000px;}
.box{ max-width:1200px; min-width:1000px;}
 #nav{font-size:16px;}
	#nav > ul > li ul li a{ font-size:14px;}
.case .econtent .p{right:-50px; width:50px;}
.flash .pnext {

  height: 120px;

}

}
@media screen and (max-width :1250px){
.flash .pnext {

  height: 100px;

}
.box{ max-width:90%; min-width:1000px;}

#top .fr {
  width: calc(100% - 150px);
}
.fnav ul li a{padding-left:30px; padding-right:20px;}
.fnav{  width:calc(100% - 450px);}
.fnav+.fr{ width:430px;}
.case { clear:both;}

.case .showcase .img { width:60%;}
.case .showcase .r { width:40%;}
.case .econtent{ margin-top:60px;}

}
@media screen and (max-width :1150px){
#nav ul li a{ font-size:15px;}
#nav ul li a i{font-size:15px;}
}
@media screen and (max-width :1024px){
.page_contactindex li{ margin-left:20px; margin-right:20px;}
.case .econtent{ margin-top:80px;}
.case .showcase .r { width:50%;}
.case .showcase .img { width:50%;}


#nav,#top{ display:none}
.app_rt a{ color:#FFFFFF}
.app_top{ display:block}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ height:0px;}


.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:50px; background-color:rgba(255,255,255,1);display:block
}

.app_header .app_logo{ width:220px;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
	.app_header .morenav,.app_header .lang{ float:right; display:block; width:40px; height:40px; margin-top:5px; margin-right:10px; background-color:#007C33; text-align:center; line-height:40px; font-weight:bold}
#menu{background-color:#007C33;}
	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}
}
@media screen and (max-width :768px){

.search{ display:none}
.flash{ margin-top:50px;}
#footnav{ display:block}
blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;}

*,body,.box1,.box{ min-height:0px; min-width:0px;font-size: 12px;}
.box{ width:98%;}



#pages,.box{ max-width:100%; min-height:0px;}
.box,.box1,.box2{ max-width:100%;}
.box{ padding-left:20px; padding-right:20px;}
.box .box{ padding-left:0; padding-right:0;}




.flash .swiper-slide{ overflow:hidden;}

.kefu{ display:none}
#foot .foot .kf{ display:block;}
#foot .foot .item{ width:100%; display:block; clear:both;}
.fnav{ display:none}
.fnav+.fr{ width:100%; text-align:center;}
#foot .foot {background-color: #007C33;}
#foot .foot .box{ width:420px; }
.banquan{ text-align:center; font-size:12px;}
.row{ margin-left:auto; margin-right:auto;}
.contact-page .com_nav,.page_contactindex ul{ margin-left:auto; margin-right:auto;}
.page_contactindex ul{ display:block;}
.page_contactindex li{ float:left; width:46%; text-align:center; margin-left:2%; margin-right:2%; margin-top:20px; margin-bottom:20px;}

.message .input input,.message .input input:nth-child(3n+2){ width:100%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
.message .input ,.message .tijiao2{
  padding-top: 20px;
}
.message{ padding-top:30px; padding-bottom:30px;}
.flash .pnext{ height:60px;}
  .flash .pnext .l{ padding-left:0px; padding-right:0px; }
 .flash .pnext .num{
	padding-left:10px;
	padding-right:10px;
	
}
 .flash .pnext .num font{font-size:24px;}

 .flash .pnext .down{width:220px;}

 .flash .txt .t1,.flash .swiper-slide-active .txt{ padding-top:0;}
  .flash .txt .t1,.flash .txt .t2{ font-size:40px;}
.flash .txt .t1{ margin-top:-20px;}
.flashpage{  top:auto; bottom:10px;}
.flash .box .swiper-pagination{ padding-bottom:0;}
    .flash .txt .t3{}
	.page_picList li .img{ text-align:center; display:flex;
    justify-content:center;
    align-items:center;}
	.page_picList li .img img{ width:100%; max-height:40vw; min-height:40vw;}
	

}

@media screen and (max-width :576px){
.products_detal .left{ width:100%;}
.products_detal .right{ clear:both; width:100%; margin-top:20px;}
.page_picList li .img img{ width:100%; max-height:10000px; min-height:0vw;}
} 
/*首页*/
@media screen and (max-width :1200px){
.about .img{ width:50%;}
.about .img + .right{ width:48%;}
}
@media screen and (max-width :768px){
.about .img{ width:100%;}
.about .img img{ width:100%;}
.about .img + .right{ width:100%; margin:auto; clear:both; margin-top:20px; float:left;}
.huanjing .tab{ width:100%; min-height:0;}
.huanjing .tab>div{ display:table; width:100%;}
.huanjing .tab>div .li{ display:table-cell; line-height:45px;}
.huanjing .tab>div .li+.li a{ border-left:none;}
.huanjing .tab>div .li a{ font-size:16px;border-radius:0;}
.huanjing .tab>div .li i{ display:none;}
.huanjing .hc{ clear:both; margin:auto; float:left; width:100%; margin-top:20px;}

.pro .etitle > .fr{ width:100%; clear:both;}
.pro .econtent .picli{ width:48%; margin-left:1%; margin-right:1%;}
.pro .econtent .picli .protop{ width:100%;}
.pro .econtent .picli .img {  max-width:100%;position:relative; margin:auto; width:100%; right:auto; bottom:auto; float:left; text-align:center; overflow:hidden;}
.pro .econtent .picli:nth-child(1){ width:98%;margin-left:1%; margin-right:1%; min-height:0; max-height:100000px;}



	
	.case .showcase .r,.case .showcase .img { position:relative; left:auto; top:auto; width:100%;}
.case .showcase .r{min-height:0;max-height:100000px;}


.case .showcase .r>div{box-shadow:0 0 0 rgba(255,255,255,0); 
	border: 1px solid #dddddd; margin-top:-1px; padding:20px;
}
.case .showcase .r .morei{ margin-bottom:-70px; float:right;}
.honor{ background-color:#007C33;}
.honor .l{ width:100%;}
.honor .hc{ width:100%; clear:both; margin:auto;float:left;}

.honor .tab .li{ display:table-cell;border-radius:5px 5px 0 0;}
.honor .tab .li a { padding:0; text-align:center; display:block;font-size: 8px;}
.honor .tab .li.hover{background-color: #FFA533;}
.honor .l:before{ display:none;}
.honor .hc .pp::before,.honor .hc .pp > div {

  background-color: #FFA533;

}
.honor .tab .li a:hover::before, .honor .tab .li.hover a:before,.honor .tab .li a:after{ display:none;}
.honor .l .pt { display:none}
.honor .tab{	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);padding-top:0; display:table; width:100%; margin-top:20px;
}
.honor .hc .swiper-slide a{ min-height:0; max-height:10000px;}



.news .left,.news .right{ width:100%; float:left; clear:both;}
.news .picli .rr.now:before{ display:none;}
.news .picli .rr {
  padding: 20px;
}
.news .picli .img { max-height:10000px; min-height:0;}
.news .picli .img  img{ width:100%;}
.news .left .time{ display:block; float:left;}
.news .left .rr{ float:left; width:100%;box-sizing:border-box;}
.news .left .rr .rt{ float:right; width:calc(100% - 116px);box-sizing:border-box;}
.news .picli .r{ display:none;}
.news .picli .l { padding-right:0;}
.pro .etitle{ position:relative;}
.pro .etitle .morea{ position:absolute; top:30px; right:0;}
.pro .etitle >.fl{ width:100%;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd; text-align:left;}
.pro .etitle .tab{ width:100%;  padding:0;}
.pro .etitle .tab span{border-radius:5px 5px 0 0; line-height:1.2; padding-top:10px; padding-bottom:10px;vertical-align: middle;}
.pro .etitle .tab span + span{ border:none;}
.pro .etitle .tab span.hover{ background-color:#007C33; color:#ffffff;}
.pro .econtent .picli{ margin-top:10px; margin-bottom:10px; padding-bottom:10px;}
.honor{ margin-top:auto;}
.about,.pro,.honor,.news,.case{ padding-top:30px; padding-bottom:30px;}
.case .econtent .p{ right:0;}
.case .econtent { padding-right:60px;}
.case .econtent .picli .img img{max-height:10000px; min-height:0px;}
.ptb80mb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.ptb80mb30 .box{ padding:0;}
.app_header .box{ padding-left:5px; padding-right:5px;}
.inner .newslist li {
    width:98%;
    margin-right: 1%; margin-right:1%;
    margin-bottom: 20px;
}
}

@media screen and (max-width :576px){.pro .econtent .picli{ min-height:0; width:98%;max-height:100000px; max-width:100%; }
.news .etitle .fl span{ border:none;}
.news .etitle .fl  b{ text-align:left;}
.pro .etitle .tab{ width:100%;font-size: 6px;}
.news .etitle .fl{ width:100%;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;}
.news .etitle .fr{ width:100%; margin-top:30px; text-align:center;}
.news .etitle .fr a{ display:inline-block; margin:auto; float:none;}

  .flash .txt .t1,.flash .txt .t2{ font-size:18px;}
  .flash .txt .t2,.flash .txt .t3{ padding-top:10px;}
  .flash .txt .t3{ font-size:16px;}
  .flash .pnext{}
}



.flash .phone{ display:none;}

@media (max-width:768px){
.flash .phone{ display:block;}
.flash .pc{ display:none;}
.news .right{ display:none;}
.top_nav li{ /*display:table-cell; float:none;*/}
.top_nav li {margin: 0 5px;
line-height: 35px;padding: 0px 10px;white-space: nowrap;}
/*.top_nav li.len3{ width:calc(100% /3 - 10px);}*/
.top_nav.len3 li,.top_nav.len4 li,.top_nav.len5 li{ display:table-cell; float:none; padding-left:5px; padding-right:5px; margin-left:auto; margin-right:auto;}
.top_nav.len5 li{ font-size:16px;}
.kf{ font-size:14px; padding-bottom:15px;}
.kf .item i{ font-size:18px;}
.fnav + .fr .t2 { font-size:16px;}
.fnav + .fr  .lx .t2 { font-size:20px;}
.left_news{ display:none;}
.left_border .tit { font-size:16px;}
.left_product_menu ul li p{ font-size:14px; line-height:1.2; padding-top:5px; padding-bottom:5px;font-weight:normal;}
.left_product_menu ul a{ font-size:14px;}
.left_border{ padding:10px; margin-bottom:5px;}
.link{ display:none;}
.cpqiehuan .investment_con,.products_detal .right .content {
 padding: 10px;
min-height: 80px;
}
.inner .case li,.page_picList .row li{ flex: 0 0 50%; padding-left:5px; padding-right:5px;}
.inner .case li .txtarea h5{font-weight:normal;}


.page_picList li .img{border-width: 5px;}

.page_picList li .img img{ height:40vw;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding-left:10px; padding-right:10px;}
/*.inner .case .row{display:block;}
.inner .case li{ flex: 0 0 50%;width:48%; margin-left:1%; margin-right:1%; float:left;}*/
.pro .morei{ display:none;}
.pro .econtent .picli {
  margin-top: 10px;
  margin-bottom: 10px; padding:10px;
  width:48%; margin-left:1%; margin-right:1%; float:left;
}
.pro .econtent .picli .ntitle{font-size: 16px;}
.pro .econtent .picli .protop .dp{ display:none;}
.pro .econtent .picli .right{ display:none;}
.pro .econtent .picli:nth-child(1) .ntitle {
  font-size: 24px;
}
.pro .econtent .picli img{ height:40vw;}
.pro .econtent .picli:nth-child(1) .protop .dp{ display:block;}

}

@media (max-width:450px){

.kf{ font-size:14px; padding-bottom:15px;}
.fnav + .fr{ padding-top:15px;}
#foot .foot .box{ padding-top:30px;}

.flash .pnext {
  height: 40px;

}
.flash .pnext .swiper-button-prev, .flash .pnext .swiper-button-next {  --swiper-navigation-size:15px;}
.flash .pnext .num { line-height:40px;}
.flash .pnext .down {

  background-size: 150%;background-position: center -40px;
}


}